<template>
  <div class="scroll">
    <example-card title="树形列表" url="https://github.com/foolishchow/element-tree-grid">
      <div>
        <el-table :data="menus" border height="100%">
          <el-table-tree-column prop="name" label="菜单名称" tree-key="menuId" parent-key="parentId" child-key="list"/>
          <el-table-column prop="url" label="菜单URL"/>
          <el-table-column prop="menuId" label="MenuId"/>
          <el-table-column prop="icon" label="图标"/>
        </el-table>
      </div>
    </example-card>
  </div>
</template>

<script>
  import data from "@/views/root/menus";
  import transfer from "@/config/util/tree-data-transfer";

  export default {
    name: "grids_tree-grid_view",
    data() {
      return {
        menus: transfer(data)
      };
    }
  };
</script>

<style scoped>

</style>
